动画<一>

UIImageView的动画

UIImageView * activityImageView = [[UIImageView alloc] init];

activityImageView.frame = CGRectMake(100, 100, 50, 50);

[self.view addSubview:activityImageView];

NSMutableArray *imagesList = [NSMutableArray array];
for (NSInteger i = 1; i < 3; i++) {

   NSString *fileName = [NSString stringWithFormat:@"b%ld.png",i];
   UIImage *image = [UIImage imageNamed:fileName];
   [imagesList addObject:image];
 }

 [activityImageView setAnimationImages:imagesList];
 [activityImageView setAnimationDuration:0.5];
 //0为无限循环
 [activityImageView setAnimationRepeatCount:0];
 [activityImageView startAnimating];
 //    [activityImageView stopAnimating];

UIView 动画

第一种

//创建一个CGAffineTransform  transform对象
CGAffineTransform  transform;
//设置旋转度数
transform = CGAffineTransformRotate(testView.transform,M_PI/6.0);
//动画开始
[UIView beginAnimations:@"rotate" context:nil ];
//动画时常
[UIView setAnimationDuration:2];
//自动反转
//    [UIView setAnimationRepeatAutoreverses:YES];
[UIView setAnimationRepeatCount:3];
//添加代理
[UIView setAnimationDelegate:self];
//获取transform的值
[testView setTransform:transform];
//关闭动画
[UIView commitAnimations];

第二种

/* Duration 动画持续时间
delay 动画延迟时间
options 动画的节奏控制 */

[UIView animateWithDuration:5 delay:5 options:UIViewAnimationOptionCurveEaseInOut animations:^{
testView.frame = CGRectMake(100, 300, 100, 100);
} completion:^(BOOL finished) {

}];

/* Damping 动画的弹力指数
Velocity 弹力的初速度 */

[UIView animateWithDuration:0.5 delay:1 usingSpringWithDamping:0.8 initialSpringVelocity:10 options:0 animations:^{
testView.frame = CGRectMake(100, 300, 100, 100);
} completion:^(BOOL finished) {

}];

CoreAnimation

CATransition

继承关系:CATransition -> CAAnimation

CATransition *transition = [CATransition animation];
transition.duration = 0.5;
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
//动画类型
transition.type = kCATransitionPush;
//动画方向
transition.subtype = kCATransitionFromTop;
[testView.layer addAnimation:transition forKey:nil];

CAPropertyAnimation

继承关系:CABasicAnimation,CAKeyframeAnimation -> CAPropertyAnimation -> CAAnimation

CABasicAnimation

CABasicAnimation * animation = [CABasicAnimation animation];
animation.keyPath = @"position.y";

//运动的绝对距离
animation.fromValue = @77;
animation.toValue = @455;

//运动的相对距离
//    animation.byValue = @222;

animation.duration = 1;
//留在最终状态
animation.fillMode = @"forwards";
//防止它被自动移除
animation.removedOnCompletion = NO;
animation.timingFunction = [CAMediaTimingFunction functionWithControlPoints:0.5 :0 :0.9 :0.7];
[testView.layer addAnimation:animation forKey:@"basic"];

CAKeyframeAnimation 例一

CAKeyframeAnimation * animation = [CAKeyframeAnimation animation];
animation.keyPath = @"position.x";
animation.values = @[@0,@10,@-10,@10,@0];
//指定关键帧动画发生的时间
animation.keyTimes = @[ @0, @(1 / 6.0), @(3 / 6.0), @(5 / 6.0), @1 ];
animation.duration = 0.4;
//提前无需设置位置
animation.additive = YES;
[testView.layer addAnimation:animation forKey:@"shake"];

CAKeyframeAnimation 例二

CGRect boundingRect = CGRectMake(-150, -150,300, 300);

CAKeyframeAnimation *orbit = [CAKeyframeAnimation animation];
orbit.keyPath = @"position";
//创建一个圆形的 CGPath 作为我们的关键帧动画的 path。
orbit.path = CFAutorelease(CGPathCreateWithEllipseInRect(boundingRect, NULL));
orbit.duration = 2;
orbit.additive = YES;
orbit.repeatCount = HUGE_VALF;
//恒定速度
orbit.calculationMode = kCAAnimationPaced;
//确保沿着路径旋转
orbit.rotationMode = kCAAnimationRotateAuto;
[testView.layer addAnimation:orbit forKey:@"orbit"];

CAAnimationGroup 组动画

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
animation.duration = 3.;
animation.fromValue = @(0.1);
animation.toValue = @(1.);

CABasicAnimation *animation2 = [CABasicAnimation animationWithKeyPath:@"transform.scale.y"];
animation2.duration = 3.;
animation2.fromValue = @(1);
animation2.toValue = @(2.);
animation2.beginTime = 3.;

CAAnimationGroup *group = [CAAnimationGroup animation];
group.duration = 6.;
group.animations = @[animation,animation2];
[testView.layer addAnimation:group forKey:nil];